<template>
  <div class="login-tips frsbc bbeb">
    <p class="frcc">
      <img class="close-img" :src="closeImg">
      <span class="tips">登录账号可保存购物车中所有商品</span>
    </p>
    <router-link to="/login" class="login-btn">立即登录</router-link>
  </div>
</template>

<script>
export default {
  data () {
    return {
      closeImg: require('@/common/image/login-tips-close.png')
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~common/stylus/variable.styl'
.login-tips
  padding 0 .20rem
  height .80rem
  background-color $cff
.close-img
  margin-right .10rem
  width .40rem
  height .40rem
.tips
  order 0
  font-size .26rem
  color $c33
.login-btn
  width 1.40rem
  height .60rem
  line-height .60rem
  text-align center
  font-size .26rem
  border-radius .08rem
  border 1px solid $coupon-color
  color $coupon-color
</style>
